.htmlEditor{
	/* 工具条 */
	ul.toolbar{
		border:1px solid #C5C5C5; 
		border-bottom:0;
		background-color: #E8E7E4;
		width:100%;
		height:30px;
		margin:0;
		box-sizing: border-box;
		padding:3px 4px;
		
		// hover 要在  actrive 前面，不然 hover 优先级会变高
		img{
			border : 1px solid transparent; 
			&:hover{
				border-right : 1px solid #aaa;
				border-bottom : 1px solid #aaa;
				border-top : 1px solid #fff;
				border-left : 1px solid #fff;
			}
			
			&:active{
				border-right : 1px #F3F8FC solid;
				border-bottom : 1px #F3F8FC solid;
				border-top : 1px #ccc solid;
				border-left : 1px #ccc solid;	
			}
		}
		
		li{
			list-style:none;
			float:left;
			
		} 
	}
	.editorBody{
		&>div{ //  必须要有这个 div，否则边框渲染不正确
		
			border: 1px solid #C5C5C5;
			border-top-width: 0; 
			background-color:white;
			&>iframe{
				border:0; 
				height: 283px; 
				width: 100%; 
				margin-left: 1px; 
				margin-bottom: 1px;
			}
		}
	}
	
	textarea{
		resize:none;
	}
	
	/* 颜色选择器 */
	.colorPicker {
		width: 210px;
		border: 1px solid #D3D3D3;
		position: absolute;
		table {
			border-collapse: collapse;
		}
		
		.colorhead {
			height: 23px;
			line-height: 23px;
			font-weight: bold;
			width: 100%;
		}
		
		.colortitle {
			margin-left: 6px;
			font-size: 12px;
		}
		
		.colorbody {
			background-color: #FFF;
			padding: 7px;
		}
		
		.colorpanel td {
			border: 1px solid #000;
			height: 10px;
			width: 10px;
			overflow: hidden;
			font-size: 1px;
			cursor: pointer;
		}
	}
}

// 登录面板 和忘记密码
.dorpdown{
	position: relative;
	
	&:hover .fontfamilyChoser, 
	.fontfamilyChoser:hover, 
	&:hover .fontsizeChoser,
	.fontsizeChoser:hover{
		display: block;
	}
	.fontfamilyChoser, .fontsizeChoser{
		display: none;
		position: absolute;
		top:24px;
		top:22px;
		left: 0;
		background-color: #f5f5f5;
		border: 1px solid lightgray;
		border-top:0;
		padding: 5px;
		width:230px;
	}
	.fontsizeChoser{
		top: inherit;
		right: 0;
	}
}

// 字体演示
.fontfamilyChoser, .fontsizeChoser{
	a{
		padding-right: 2px;
		display: block;
		padding-left: 2px;
		padding-bottom: 2px;
		color: #000000;
		line-height: 16px;
		padding-top: 2px;
		text-decoration: none;
		&:hover {
			background: #e5e5e5
		}
	}
} 